﻿
@model ETL.Business.Models.ProjectActualResourceUsageModel
<link rel="stylesheet" href="../Content/themes/base/jquery.ui.timepicker.css" />
<script type="text/javascript">
    $(document).ready(function () {
        $('#inputStartDate').datepicker();
        $('#inputStartTime').timepicker();

        $('#inputEndDate').datepicker();
        $('#inputEndTime').timepicker();
    })
</script>

<style type="text/css">
.no-close .ui-dialog-titlebar-close {
  display: none;
}
.enterdate-label
{
    text-align : right;
    font-family : Segoe UI;
    font-size : 12px;
    font-weight : bold;
    
}
.enterdate-span
{
    text-align : left;
    font-family : Segoe UI;
    font-size : 13px;
    font-weight : normal;
    
}
.enterdate-label span
{
    display : block;
    padding : 5px;
}
.enterdate-center
{
    text-align : center;
}
</style>
<div class="row">
<div class="row-fluid">
    <div class="span2 enterdate-label">
        <span>Actual Resource ID</span>
    </div>
    <div class="span10 enterdate-span">
        <span>@Model.GenActualResourceUsageId</span>
    </div>
</div>
</div>
<div class="row">
    <div class="row-fluid">
        <div class="span2 enterdate-label">
            <span>Project</span>
        </div>
        <div class="span10 enterdate-span">
            <span>@Model.ActualResourceUsage.RESOURCE_INSTANCES.PROJECT_NAME</span>
        </div>
    </div>
    </div>

<div class="row">
    <div class="row-fluid">
        <div class="span2 enterdate-label">
            <span>Clock off by</span>
        </div>
        <div class="span10 enterdate-span">
            <span>@Model.ClockOffBy</span>
        </div>
    </div>
    </div>

<div class="row">
    <div class="row-fluid">
        <div class="span2 enterdate-label">
            <span>Start Date</span>
        </div>
        <div class="span10">
            <input id="inputStartDate" name="inputDate" type="text" class="datepicker" size="16" value='@Model.DisplayStartDate'/>
            <input id="inputStartTime" name="inputTime" type="text" class="timepicker" size="16" value='@Model.DisplayStartTime'/>
        </div>
    </div>
</div>
<div class="row">
    <div class="row-fluid">
        <div class="span2 enterdate-label">
            <span>End Date</span>
        </div>
        <div class="span10">
            <input id="inputEndDate" name="inputDate" type="text" class="datepicker" size="16" value='@Model.DisplayEndDate'/>
            <input id="inputEndTime" name="inputTime" type="text" class="timepicker" size="16" value='@Model.DisplayEndTime'/>
        </div>
    </div>
</div>